<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath(); 
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>MAIN</title>
<link href="<%=cp%>/main/css/fitExt_main_comm.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/main/css/reset_main_comm.css" rel="stylesheet" type="text/css" />
<style>
.a {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 120px;
}
.money {
	color: #F60;
}

/* style="position: relative; left:150px; */
.clsBannerScreen {overflow: hidden;position: relative;height: 150px;width: 600px; border:1px solid #e1e1e1; cursor:pointer; clear:both;}
.clsBannerScreen .images {position:absolute; display:none; }
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
.clsBannerButton {width:300px;cursor:pointer;position:relative;left:0;top:-25px;float:center}
.clsBannerButton li {float:left;padding:2px;}
.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}

.clsBannerButton li.labelOverClass {font-weight:bold;}
.scroll1 {
width:92px;
height:130px;
<%-- border:1px solid #9CF; /* 선 - 두께, 스타일, 컬러 */
box-sizing: border-box; /* 박스 사이즈 포함 정도 */
border-radius: 10px; /* 모깎기 - 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래 */
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */
background-image:url("<%=cp%>/pds/data/main/scrollBanner/japan.jpg"); 
 --%>
 /* 배경 - 이미지, 배경 컬러 지정 */}
</style>

<script type="text/javascript" src="<%=cp%>/data/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=cp%>/data/js/jquery.banner.js"></script>
<!-- 움직이는배너 -->
<script type="text/javascript" src="<%=cp%>/main/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=cp%>/main/js/follower.js"></script>
<!-- 움직이는배너끝 -->
<script type="text/javascript"> 

$(function() {
	$("#image_list_1").jQBanner({	//롤링을 할 영역의 ID 값
		nWidth:980,					//영역의 width
		nHeight:310,				//영역의 height
		nCount:6,					//돌아갈 이미지 개수
		isActType:"up",				//움직일 방향 (left, right, up, down)
		nOrderNo:1,					//초기 이미지
		nDelay:1000 				//롤링 시간 타임 (1000 = 1초)
		/*isBtnType:"li"*/			//라벨(버튼 타입) - 여기는 안쓰임
		}
	);
	
	
	$("#image_list_2").jQBanner({nWidth:980,nHeight:310,nCount:5,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:2000,isBtnType:"li"});
	$("#image_list_3").jQBanner({nWidth:980,nHeight:310,nCount:5,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:3000,isBtnType:"img"});
});

/* 움직이는배너 */
$(document).ready(function() {
	
	/*  pageAlign : center 또는 left 
		pageWidth : 컨텐츠 블럭의 폭(필수값) 
		type      : right 또는 left(pageAlign의 값을 center로 했을때만 left값 사용가능) 
		topMargin : 페이지 최상단과의 거리 
		minTop    : 스크롤 했을때 브라우저 상단과의 거리(topMargin과 같은 값을 넣으면 같은 높이 유지) 
		margin    : 컨텐츠 블럭과의 좌 또는 우의 마진(left일때는 오른쪽 마진, right일때는 왼쪽 마진) 
		speed     : 따라다니는 속도 
		easing    : linear 또는 swing (easing plugin 플러그인을 쓴다면 플러그인 옵션값을 모두 사용할 수 있음) 
		zindex    : 필요하다면... 
		
		style="width:90px;height:300px;border:1px solid #9CF;" */
	
	  $('#floatR').scrollFollower({
	    pageAlign:'center',
	    pageWidth:800,
	    type:'right',
	    topMargin:150,
	    minTop:50,
	    margin:120,
	    speed:500,
	    easing:'linear',
	    zindex:10
	  });
	  $('#floatL').scrollFollower({
	    pageAlign:'center',
	    pageWidth:800,
	    type:'left',
	    topMargin:150,
	    minTop:50,
	    margin:100,
	    speed:500,
	    easing:'linear',
	    zindex:10
	  });
	});

/* 움직이는배너끝 */


//-->
</script>
</head>
<body>

<!-- 움직이는배너 -->

<!-- RIGHT SIDE -->
<%-- <div id="floatR" >
	<img class="scroll1" src="<%=cp%>/main/image/scrollBanner/japan.jpg"/><br/><br/>
	<img class="scroll1" src="<%=cp%>/main/image/scrollBanner/japan.jpg"/><br/><br/>
	<img class="scroll1" src="<%=cp%>/main/image/scrollBanner/japan.jpg"/><br/><br/>
	<img class="scroll1" src="<%=cp%>/main/image/scrollBanner/japan.jpg"/><br/><br/>
</div> --%>
<!-- LEFT SIDE  -->
<div id="floatL" >
<a href="<%=cp%>/tour/tourListArticle.action?tourNo=1">
 <img class="scroll1" src="<%=cp%>/main/image/scrollBanner/1.jpg"/></a><br/><br/>
<a href="<%=cp%>/tour/tourListArticle.action?tourNo=2"> 
 <img class="scroll1" src="<%=cp%>/main/image/scrollBanner/2.jpg"/></a><br/><br/> 
<a href="<%=cp%>/tour/tourListArticle.action?tourNo=3"> 
 <img class="scroll1" src="<%=cp%>/main/image/scrollBanner/3.jpg"/></a><br/><br/> 
<a href="<%=cp%>/tour/tourListArticle.action?tourNo=4"> 
 <img class="scroll1" src="<%=cp%>/main/image/scrollBanner/4.jpg"/></a><br/><br/> 
<a href="<%=cp%>/tour/tourListArticle.action?tourNo=5">  
 <img class="scroll1" src="<%=cp%>/main/image/scrollBanner/5.jpg"/></a><br/><br/> 
</div>

<!-- 움직이는배너끝 -->

<div id="image_list_1"></div>

<div style="position: relative; left:150px;">

<div id="image_list_3" align="left">

  <div class="clsBannerScreen" >
    <div class="images" style="display:block">
    <a href="<%=cp%>/tour/tourListArticle.action?tourNo=1"> 
    <img src="<%=cp%>/main/image/main1.jpg" /></a></div>
    
    
    <div class="images">
    <a href="<%=cp%>/tour/tourListArticle.action?tourNo=2"> 
    <img src="<%=cp%>/main/image/main2.jpg" /></a></div>
    
    
    <div class="images">
    <a href="<%=cp%>/tour/tourListArticle.action?tourNo=3"> 
    <img src="<%=cp%>/main/image/main3.jpg" /></a></div>
	
	
	<div class="images">
	<a href="<%=cp%>/tour/tourListArticle.action?tourNo=5"> 
	<img src="<%=cp%>/main/image/main4.jpg" /></a></div>
	
	
	<div class="images">
	<a href="<%=cp%>/tour/tourListArticle.action?tourNo=6"> 
	<img src="<%=cp%>/main/image/main5.jpg" /></a></div>
  </div>
  <ul class="clsBannerButton"  id="label_3" >
    <li><img src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/1_on.jpg" oversrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/1_on.jpg" outsrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/1.jpg" /></li>
    <li><img src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/2.jpg" oversrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/2_on.jpg" outsrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/2.jpg" /></li>
    <li><img src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/3.jpg" oversrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/3_on.jpg" outsrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/3.jpg" /></li>
    <li><img src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/4.jpg" oversrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/4_on.jpg" outsrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/4.jpg" /></li>
    <li><img src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/5.jpg" oversrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/5_on.jpg" outsrc="http://cfs.tistory.com/custom/blog/68/684698/skin/images/5.jpg" /></li>
  </ul>
  
  
</div>

</div>


<!-- //최상단배너끝 -->

<!-- 해외 -->

<div style="position: relative; left:29px; top:20px; ">
<table align="left">

<tr>
	<td rowspan="2" style="padding-right:30px">
	   <a href="<%=cp%>/tour/tourListArticle.action?tourNo=1" title="자유롭게 떠나는 보라카이와 세부"> 
       <img src="<%=cp%>/main/image/fil.jpg" border="0">
       </a>
	</td>	
	
	<td colspan="4">	
        <img alt="offer: 항공,호텔 모두 그대로~ 가격은 보다 저렴하게! 최대 50% 할인" 
        src="<%=cp%>/main/image/tit_offer.gif"/>
   </td>
   
   <td rowspan="2" style="padding-left:21px">
   	   <a href="<%=cp%>/tour/tourListArticle.action?tourNo=2" title="도쿄 야간 2박3일"> 
       <img src="<%=cp%>/main/image/tokyo.jpg"  border="0">
       </a>
   </td>
</tr>

<tr>
	<td><a href="<%=cp%>/tour/tourListArticle.action?tourNo=${dto1.tourNo}">
        <img src="<%=cp%>/pds/data/${dto1.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${dto1.subject}</p>
		  
		  <p class="a"><strong class="money">${dto1.price}원</strong></p>

		</div>
		</a>
	</td>
       
    <td><a href="<%=cp%>/tour/tourListArticle.action?tourNo=${dto2.tourNo}">
        <img src="<%=cp%>/pds/data/${dto2.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${dto2.subject}</p>
		  <p class="a"><strong class="money">${dto2.price}원</strong></p>
		
		</div>
		</a>
	</td>   
	
	 <td><a href="<%=cp%>/tour/tourListArticle.action?tourNo=${dto3.tourNo}">
        <img src="<%=cp%>/pds/data/${dto3.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${dto3.subject}</p>
		  <p class="a"><strong class="money">${dto3.price}원</strong></p>

		</div>
		</a>
	</td>   
	
	 <td><a href="<%=cp%>/tour/tourListArticle.action?tourNo=${dto4.tourNo}">
        <img src="<%=cp%>/pds/data/${dto4.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${dto4.subject}</p>
		  <p class="a"><strong class="money">${dto4.price}원</strong></p>

		</div>
		</a>
	</td>   
	

</tr>

</table>
</div>

<!-- 해외끝 -->

<!-- 국내시작 -->
<div style="position: relative; left:150px; top:100px; ">
<table align="left">

<tr>
	<td rowspan="2" style="padding-right:30px">
	   <a href="<%=cp%>/kor/korArticle.action?tourNo=1" title="자유롭게 떠나는 보라카이와 세부"> 
       <img src="<%=cp%>/main/image/kor_main1.jpg" border="0">
       </a>
	</td>	
	
	<td colspan="4">	
        <img alt="offer: 항공,호텔 모두 그대로~ 가격은 보다 저렴하게! 최대 50% 할인" 
        src="<%=cp%>/main/image/tit_offer.gif"/>
   </td>
   
   <td rowspan="2" style="padding-left:21px">
   	   <a href="<%=cp%>/kor/korArticle.action?tourNo=2" title="도쿄 야간 2박3일"> 
       <img src="<%=cp%>/main/image/kor_main2.jpg"  border="0">
       </a>
   </td>
</tr>

<tr>
	<td><a href="<%=cp%><%=cp%>/kor/korArticle.action?tourNo=${korDTO1.tourNo}">
        <img src="<%=cp%>/pds/data/${korDTO1.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${korDTO1.subject}</p>
		  
		  <p class="a"><strong class="money">${korDTO1.price}원</strong></p>

		</div>
		</a>
	</td>
       
	<td><a href="<%=cp%><%=cp%>/kor/korArticle.action?tourNo=${korDTO2.tourNo}">
        <img src="<%=cp%>/pds/data/${korDTO2.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${korDTO2.subject}</p>
		  
		  <p class="a"><strong class="money">${korDTO2.price}원</strong></p>

		</div>
		</a>
	</td>
	
		<td><a href="<%=cp%><%=cp%>/kor/korArticle.action?tourNo=${korDTO3.tourNo}">
        <img src="<%=cp%>/pds/data/${korDTO3.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${korDTO3.subject}</p>
		  
		  <p class="a"><strong class="money">${korDTO3.price}원</strong></p>

		</div>
		</a>
	</td>
	
		<td><a href="<%=cp%><%=cp%>/kor/korArticle.action?tourNo=${korDTO4.tourNo}">
        <img src="<%=cp%>/pds/data/${korDTO4.image}" width="118" height="88" alt="1" />
		<div class="a">
		  <p class="a">${korDTO4.subject}</p>
		  
		  <p class="a"><strong class="money">${korDTO4.price}원</strong></p>

		</div>
		</a>
	</td>
	

</tr>

</table>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<!-- 국내시작끝 -->


<!-- community -->
<div id="container">
    <div class="free_comm_m">
        <h3>
            <a title="바로가기" href="<%=cp%>/community/main.action">
                <img alt="커뮤니티" src="<%=cp%>/main/image/community/main_title_bar_comm.gif"></a></h3>
        <div class="bg clearFix">
            <div class="tour_history_emp_m floatL">
            <div class="floatL">
                <div class="tour_history_m">
                    <h4>
                        <a title="더보기" href="community/hugi.action">
                            <img alt="여행후기" src="<%=cp%>/main/image/community/label_main_comm2.gif"></a></h4>
                            
                            
	<div class="comm_cont">
    	<div class="tit">
        <a href="javascript:GoBoardDeatil('BoardTourHistoryView.aspx', '1', '3', '13964');">
        ${dto.subject}
       </a>
    	</div>
    <div class="shot_cont">
        <a href="javascript:GoBoardDeatil('BoardTourHistoryView.aspx', '1', '3', '13964');">
        ${dto.content}
        </a>
    </div>
    <div class="reg_data">
        by&nbsp;&nbsp;${dto.created}&nbsp;&nbsp;&nbsp;&nbsp;${dto.userId}
    </div>
	</div>
                    
                </div>
                
            </div>
            <div class="floatL">
                <div class="qna_m">
                    <h4>
                        <a title="더보기" href="/Product/Free/Community/EmpBoardList.aspx?menuCode=10213&MasterSeq=24&Region=&CategorySeq=&subMenu=0">
                            <img alt="1:1 문의게시판" src="<%=cp%>/main/image/community/label_main_comm4.gif"></a></h4>
                    <ul>
                                <li><strong><span class="mainCommArea">[동남아]</span> </strong><a href="/Product/Free/Community/EmpBoardView.aspx?boardSeq=5110&MasterSeq=24&CategorySeq=0&subMenu=0">발리와 족자카르타 자유..</a></li>
                                
                            
                                <li><strong><span class="mainCommArea">[괌/사이판]</span> </strong><a href="javascript:fncNoReadAlert('N');">문의드려요~!</a></li>
                                
                            
                                <li><strong><span class="mainCommArea">[동남아]</span> </strong><a href="javascript:fncNoReadAlert('N');">질문 하나 더 드릴께요 ..</a></li>
                                
                            
                                <li><strong><span class="mainCommArea">[일본]</span> </strong><a href="javascript:fncNoReadAlert('N');">알뜰한 도쿄 호텔 3일</a></li>
                                
                            
                                <li><strong><span class="mainCommArea">[유럽]</span> </strong><a href="/Product/Free/Community/EmpBoardView.aspx?boardSeq=5104&MasterSeq=24&CategorySeq=0&subMenu=0">항공 관련 재문의</a></li>
                    </ul>
                </div>
                
            </div>
            
        </div>
         <div class="cs_m">
                <img alt="고객센터 : 02-2188-4160 ,전화및 게시판상담시간:평일 09:00~18:00 토요일 09:00~13:00" src="<%=cp%>/main/image/community/img_cs.gif">
    </div>    
    </div>
    </div>
    <!-- //community -->
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>



</body>

</html>